<!doctype html>
<html lang="en">
{% include head.html %}

<body>
    {% include top.html %}
    <div id="documentation-container">
        <div class="container">
            <div class="row">
                <div class="col-md-2 d-none d-md-block">
                    <div id="sidebar-left-container" class="flex1 flex-right">
                        <div id="sidebar-left">
                            <div>{% include link name="Getting started" path="/doc/" %}</div>
                            <hr>
                            <div>{% include link name="Javascript runtime" path="/doc/runtime" %}</div>
                            <div>{% include link name="Console" path="/doc/console" %}</div>
                            <div>{% include link name="Command line" path="/doc/args" %}</div>
                            <div>{% include link name="API index" path="/doc/api" %}</div>
                            <hr>
                            <div>{% include link name="Global" path="/doc/global" %}</div>
                            <div>{% include link name="Window" path="/doc/window" %}</div>
                            <hr>
                            <div>{% include link name="Canvas" path="/doc/canvas" %}</div>
                            <div>{% include link name="CanvasGradient" path="/doc/canvasgradient" %}</div>
                            <div>{% include link name="CanvasPattern" path="/doc/canvaspattern" %}</div>
                            <div>{% include link name="ImageBitmap" path="/doc/imagebitmap" %}</div>
                            <div>{% include link name="ImageData" path="/doc/imagedata" %}</div>
                            <div>{% include link name="Path2D" path="/doc/path2d" %}</div>
                            <hr>
                            <div>{% include link name="Codec" path="/doc/codec" %}</div>
                            <div>{% include link name="File" path="/doc/file" %}</div>
                            <div>{% include link name="Process" path="/doc/process" %}</div>
                            <div>{% include link name="Performance" path="/doc/performance" %}</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-7">
                    <div id="content">
                        {{ content }}
                        <p>&nbsp;
                        <p>
                    </div>
                </div>
                <div class="col-md-3 d-none d-md-block">
                    <div id="sidebar-right-container" class="flex1">
                        <div id="sidebar-right">

                            {% if page.events %}
                            {% for item in page.events %}
                            <a href="#event-{{item}}"><span class="code-event">"{{item}}"</span></a><br>
                            {% endfor %}
                            <p>
                                {% endif %}

                                {% if page.properties %}
                                {% for item in page.properties %}
                                <a href="#{{ item }}"><span class="code-name">{{item}}</span></a><br>
                                {% endfor %}
                            <p>
                                {% endif %}

                                {% if page.functions %}
                                {% for item in page.functions %}
                                <a href="#{{ item }}"><span class="code-name">{{item}}()</span></a><br>
                                {% endfor %}
                            <p>
                                {% endif %}

                                {% if page.constructors %}
                                {% for item in page.constructors %}
                                <a href="#{{ item }}"><span class="code-class">{{item}}</span></a><br>
                                {% endfor %}
                            <p>
                                {% endif %}

                                {% if page.class-properties %}
                                {% for item in page.class-properties %}
                                <a href="#{{ page.class-name }}.{{ item }}"><span class="code-class">{{page.class-name}}</span>.<span class="code-name">{{item}}</span></a><br>
                                {% endfor %}
                            <p>
                                {% endif %}

                                {% if page.class-methods %}
                                {% for item in page.class-methods %}
                                <a href="#{{ page.class-name }}.{{ item }}"><span class="code-class">{{page.class-name}}</span>.<span class="code-name">{{item}}()</span></a><br>
                                {% endfor %}
                            <p>
                                {% endif %}

                                {% if page.object-properties %}
                                {% for item in page.object-properties %}
                                <a href="#{{ page.object-name }}.{{ item }}"><span class="code-object">{{page.object-name}}</span>.<span class="code-name">{{item}}</span></a><br>
                                {% endfor %}
                            <p>
                                {% endif %}

                                {% if page.object-methods %}
                                {% for item in page.object-methods %}
                                <a href="#{{ page.object-name }}.{{ item }}"><span class="code-object">{{page.object-name}}</span>.<span class="code-name">{{item}}()</span></a><br>
                                {% endfor %}
                            <p>
                                {% endif %}

                        </div>
                    </div>
                </div>
            </div>
            <div id="bottom-container" class="row">
                <div class="col d-block d-md-none bottom-nav">
                    <table class="table">
                        <tbody>
                            <tr>
                                <td class="nav-item">{% include link name="Getting started" path="/doc/" %}</td>
                                <td class="nav-item">{% include link name="Javascript runtime" path="/doc/runtime" %}</td>
                            </tr>
                            <tr>
                                <td class="nav-item">{% include link name="Console" path="/doc/console" %}</td>
                                <td class="nav-item">{% include link name="Command line" path="/doc/args" %}</td>
                            </tr>
                            <tr>
                                <td class="nav-item">{% include link name="API index" path="/doc/api" %}</td>
                                <td class="nav-item">{% include link name="Global" path="/doc/global" %}</td>
                            </tr>
                            <tr>
                                <td class="nav-item">{% include link name="Window" path="/doc/window" %}</td>
                                <td class="nav-item">{% include link name="Canvas" path="/doc/canvas" %}</td>
                            </tr>
                            <tr>
                                <td class="nav-item">{% include link name="CanvasGradient" path="/doc/canvasgradient" %}</td>
                                <td class="nav-item">{% include link name="CanvasPattern" path="/doc/canvaspattern" %}</td>
                            </tr>
                            <tr>
                                <td class="nav-item">{% include link name="ImageBitmap" path="/doc/imagebitmap" %}</td>
                                <td class="nav-item">{% include link name="ImageData" path="/doc/imagedata" %}</td>
                            </tr>
                            <tr>
                                <td class="nav-item">{% include link name="Path2D" path="/doc/path2d" %}</td>
                                <td class="nav-item">{% include link name="Codec" path="/doc/codec" %}</td>
                            </tr>
                            <tr>
                                <td class="nav-item">{% include link name="File" path="/doc/file" %}</td>
                                <td class="nav-item">{% include link name="Process" path="/doc/process" %}</td>
                            </tr>
                            <tr>
                                <td class="nav-item">{% include link name="Performance" path="/doc/performance" %}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
        crossorigin="anonymous"></script>
</body>

</html>